.qrcon{
  width: 600px;
}
.searchInput{

}

.qrmain{
  display: flex;
  padding-top: 20px;
}
.qrleft{
  flex: 1 1 50%;
  max-width: 50%;
  margin-right: 20px;
  max-height: 196px;
}

.qrlist{
  max-height: 100%;
  overflow-y: auto;
  width: 100%;
  .listItem{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    border-top: none;
    align-items: center;
    padding: 10px 20px;
    min-height: 30px;
    cursor: pointer;
    &:hover{
      background-color: #f2f2f2;
    }
  }
  .itemicon{
    margin-left: auto;
    width: 12px;
  }
}


.qrright{
  max-height: 196px;
  flex: 1 0 auto;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 20px;
}